<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>听风音乐音乐 - 介绍</title>
    <style>
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        h1 {
            color: #1DB954;
            text-align: center;
        }
        .feature {
            background-color: #f5f5f5;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 15px;
        }
        .highlight {
            font-weight: bold;
            color: #1DB954;
        }
    </style>
</head>
<body>
    <h1>听风音乐音乐播放器</h1>
    
    <div class="feature">
        <h2>核心功能</h2>
        <ul>
            <li>支持<strong>专辑</strong>和<strong>歌单</strong>播放</li>
            <li>完善的<strong>播放控制</strong>（播放/暂停/下一首）</li>
            <li><span class="highlight">播放全部</span>功能，一键播放当前列表所有歌曲</li>
            <li>支持<strong>随机播放</strong>（采用优化的洗牌算法）</li>
            <li>播放列表的<strong>持久化保存</strong>和恢复</li>
        </ul>
    </div>

    <div class="feature">
        <h2>用户界面</h2>
        <ul>
            <li>重新设计的<strong>音乐列表</strong>布局，提升浏览体验</li>
            <li>优化的<strong>滚动控件</strong>，解决嵌套滚动冲突</li>
            <li>支持<strong>自定义歌单封面</strong>图片</li>
            <li>完善的<strong>播放状态显示</strong>（当前播放歌曲、播放进度等）</li>
            <li>响应式设计，适配不同屏幕尺寸</li>
        </ul>
    </div>

    <div class="feature">
        <h2>🎛️ 高级功能</h2>
        <ul>
            <li>歌单管理（创建、编辑、删除歌单）</li>
            <li>音乐收藏功能</li>
            <li>缓存管理（查看和清理缓存）</li>
            <li>歌单广场，发现更多音乐</li>
            <li>优化的搜索功能</li>
        </ul>
    </div>

    <div class="feature">
        <h2>🛠️ 技术特点</h2>
        <ul>
            <li>采用<strong>ViewPager</strong>实现流畅的页面切换</li>
            <li>使用<strong>DataStore</strong>实现数据持久化</li>
            <li>优化的<strong>网络请求</strong>处理</li>
            <li>模块化代码结构，便于维护</li>
            <li>完善的<strong>播放服务</strong>管理</li>
        </ul>
    </div>

    <footer style="text-align: center; margin-top: 30px; color: #666;">
        <p>© 2025 听风音乐 - 让音乐触手可及</p>
    </footer>
</body>
</html>